<!DOCTYPE html>
<html lang="zh" dir="ltr">
<head>
  <meta charset="UTF-8">
  <title>生成器</title>
  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#4e8ef7">
  <!-- add to homescreen for ios -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link href="css/main.css" rel="stylesheet">
</head>
<body>
  <!-- Ionic's root component and where the app will load -->
  <ion-app class="app-root app-root-ios ios platform-core enable-hover" ng-version="5.2.11"><div app-viewport=""></div><ng-component class="app-root"><ion-nav><div nav-viewport=""></div><page-home class="ion-page show-page" style="z-index: 100;"><ion-content padding="" class="content content-ios" style=""><div class="fixed-content"></div><div class="scroll-content">
  <div class="base-div">
    <p class="text1">填写你的昵称/名字</p>
    <ion-input class="input input-ios ng-untouched ng-pristine ng-valid">
    <input class="text-input text-input-ios" dir="auto" type="text" autocomplete="off" autocorrect="off" placeholder=""><!----><!----><!----></ion-input>
    <ion-row class="row">
      <ion-col class="col" col-6="">      
       
      </ion-col>

      <ion-col class="col" col-6="">
        <button  onclick="sx()" class="btn button button-ios button-default button-default-ios button-full button-full-ios button-ios-primary" color="primary" full="" ion-button="" >
        <span class="button-inner">
          <span>G&nbsp;&nbsp;&nbsp;O</span>
        </span><div class="button-effect"></div></button>
      </ion-col>
    </ion-row>
    
    <br>
    <br>
    <div class="info">
      <p>
        <img src="img/1.png" align="absmiddle">
        <span class="title">角色：</span>
        <span class="cot"></span>
      </p>
      <p>
        <img src="img/2.png" align="absmiddle">
        <span class="title">性格：</span>
        <span class="cot"></span>
      </p>
      <p>
      <img src="img/3.png" align="absmiddle">
       <span class="title">主色：</span>
        <span class="cot"></span>
      </p>
      <p>
      <img src="img/4.png" align="absmiddle">
        <span class="title">武器：</span>
        <span class="cot"></span>
      </p>
      <p>
      <img src="img/5.png" align="absmiddle">
        <span class="title">身着：</span>
        <span class="cot"></span>
      </p>
      <p>
      <img src="img/6.png" align="absmiddle">
        <span class="title">搭配：</span>
        <span class="cot"></span>
      </p>
       <p>
       <img src="img/7.png" align="absmiddle">
          <span class="title">胸部：</span>
          <span class="cot"></span>
        </p>
        <p>
        <img src="img/8.png" align="absmiddle">
          <span class="title">发型：</span>
          <span class="cot"></span>
        </p>
        <p>
        <img src="img/9.png" align="absmiddle">
          <span class="title">身体：</span>
          <span class="cot"></span>
        </p>
    </div>
  </div>
</div></ion-content></page-home><div class="nav-decor"></div></ion-nav>
</ng-component><div overlay-portal=""></div>
<div overlay-portal=""></div>
<div class="loading-portal" overlay-portal="">
</div><div class="toast-portal"></div>
<div class="click-block click-block-enabled"></div>
</ion-app> 
  
<!--  js-->
<script>
// 随机从数组中获取一个值
function sj(a){
 element = a[Math.floor((Math.random()*a.length))];
 return element;
}

function sx(){  
  var roles=["千金大小姐","离家少女","中二病少女","军旅少女","偶像","学生","兽娘","法师","史莱姆","JS","JC","JK","JD","OL","修女","恶魔","魅魔","青梅竹马","萝莉","猫娘","御姐","女仆","医生","护士","天使","精灵","亡灵","furry","龙娘","人偶","机器人","辣妹","不良少女","犬耳娘","狐娘","狼女","蛇女","鹰身女妖","鸟人","王女","皇女","堕天使","文学少女","伪少年","蜜蜂女","虎娘","伪绿茶","巫女","魔女","雪女","裂口女","未亡人","忍者","杀手","猎人","售货员","学生会长","风纪委员","体育生"];
  var dispositions=["阴郁","笨蛋","色欲","元气","阴沉","忧郁","别扭","腹黑","傲娇","病娇","知性","迷糊","大大咧咧","感性","大姐头","天真","天然呆","三无","高冷","女王","抖S","抖M","弱气","毒舌","内向","黑化"];
  var colors=["红色","黑色","白色","紫色","绿色","黄色","蓝色","灰色","橙色","青色","银色","粉色","金色","随意"];
  var weapons=["单手剑","长戟/枪","斧头","镰刀","锤子","太刀","弓","双剑","巨剑","扫把","伞","书","弩","钓鱼竿","铲子","旗帜","玩偶","棒球套装","盾牌","物理学圣剑","吉他","御币","爪子","舰装","匕首","砍刀","法杖","火铳","手枪","步枪","狙击枪","斧","飞刀","手里剑","双手剑"];
  var bodys=["机械手","眼镜","翅膀","机械腿","帽子","面具","眼罩","大裙摆","机械尾巴","伤痕","T恤","西服","晚礼服","帽衫","风衣","破烂的衣服","校服","制服","水手服","旗袍","铠甲","女仆装","围裙","皮夹克","紧身衣","浴袍","和服","婚纱","白无垢","比基尼","连体式","死库水","睡衣","睡裙","浴衣","球服","囚服","道袍","修女服","白大褂","巫女服","魔女服","连衣裙","机车服","运动服","黑丝","白丝","肉丝","长筒袜","短袜"];
  var objects=["机械钟","冰","棺材","花","月亮","太阳","星辰","王冠","绸带","发卡","发箍","头巾","方巾","围巾","网球拍","乒乓球拍","羽毛球拍","排球","怀表","书","眼睛","泪痣","腕带","发带","尾巴","机械躯干","面具","背包","耳机","滑板","骷髅","锁链","钟表","火焰","轮椅","动物","糖果","手电筒","油灯","眼罩","伤痕","角","伤痕","扑克牌A","扑克牌Q","扑克牌JOKER","晒痕","挑染","发簪"];
  var chests=["贫乳","平胸","正常","丰满","巨乳","爆乳"];
  var hairs=["短发","长发","中长发","丸子头","单马尾","双马尾","披肩长发","齐耳短发","卷发","杂乱头发","麻花辫","中分","三七/二八分","波波头","鲍勃头","中短发","杂乱发型"];
  var heights=["幼小","矮小","娇小","中等身材","高挑","高大","巨大"];
  var t=[roles,dispositions,colors,weapons,bodys,objects,chests,hairs,heights];
  
  for(var i=0;i<t.length;i++){
    document.getElementsByClassName('cot')[i].innerText=sj(t[i]);
  }
}

</script>


</body></html>